<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>v-model</title>
    <script src="../js/vuejs-2.5.16.js"></script>
</head>
<body>
<div id="app">
    <form>
        用户名：<input type="text" v-model="user.username">
        密码：<input type="text" v-model="user.password">
        <input type="button" @click="fun" value="获取">
    </form>
</div>
</body>
<script>
    //view model
    new Vue({
        el: "#app",
        data: {
            user: {
                username: "user",
                password: "123"
            }
        },
        methods: {
            fun: function () {
                alert(this.user.username + "  " + this.user.password);
                this.user.username = "haha";
                this.user.password = "456";

            }
        }
    })
</script>
</html>
